<template>
    <div class="Pchongzhiduihuan">
        <div class="tou">
            <Pheader  class="duihuan" msg="充值兑换"/>
            <router-link to="/home/P_zhanghu/P_wodezhangdan"><Pbutton class="look" msg="查看账单"/></router-link>

        </div>
        <div class="main">
            <div class="Inp">
                <input type="text" class="inp" placeholder="请输入充值卡兑换码进行充值" v-model="input"/>
            </div>
            <Pbutton class="button" msg="充值"/>
        </div>
    </div>
</template>
<script>
import Pbutton from '@/components/P_button.vue'
import Pheader from '@/components/P_header.vue'

export default {
  name: "personaldata",
  components: {
     Pbutton,
     Pheader
  }
}
</script>

<style scoped>
  .Pchongzhiduihuan{
    width:100%;
    height:488px;
    border:1px solid #e7e7e7;
    /* margin-left:1%; */
    position: absolute;
    top: -490px;
    left: 0px;
    background:#fff;
}
  .Pchongzhiduihuan .tou{
    padding:12px 13px;
    border-bottom: 1px solid #e7e7e7;
    display:flex;
}
.Pchongzhiduihuan .duihuan{
    margin-right:80%;
}
  .Pchongzhiduihuan .look{
      padding:3px 10px;
       /* margin-left:80%;  */
      background:#4b943d;
      font-size:12px;
  }
  .Pchongzhiduihuan .Inp{
      margin:50px 30px;
      width:40%;
      height: 36px;
      border:1px solid #e7e7e7;
  }
  .Pchongzhiduihuan .inp{
      border-width: 0;
      width:90%;
      height: 34px;
      padding-left: 13px;
      outline: none;
  }
  .Pchongzhiduihuan .button{
      padding:5px 30px;
   margin:30px 0px 0px 100px;
}
</style>